<template>
  <div class="index">
    <Meun></Meun>
    <p class='footer'>场所管理</p>
    <div class="place_list">
        <smartTable v-bind:get-message="tableData" v-on:receiveData="receiveData">
            <tr v-for="item in Data">
              <td>{{item.factory}}</td>
              <td>{{item.place_name}}</td>
              <td>{{item.netbar_wacode}}</td>
              <td>{{item.site_address}}</td>
              <td>{{item.longitude}}</td>
              <td>{{item.latitude}}</td>
              <td>{{item.netsite_type}}</td>
              <td>{{item.place_type}}</td>
              <td>{{item.device_total}}</td>
              <td>{{item.device_online}}</td>
              <td>{{item.auth}}</td>
              <td>{{item.law_principal_name}}</td>
              <td>{{item.law_principal_certificate_type}}</td>
              <td>{{item.law_principal_certificate_id}}</td>
              <td>{{item.relationship_account}}</td>
              <td>{{item.start_time}}</td>
              <td>{{item.end_time}}</td>
              <td>{{item.access_type}}</td>
              <td>{{item.operator_net}}</td>
              <td>{{item.access_ip_auth_account}}</td>
              <td>{{item.hash}}</td>
              <td>{{item.local_ip}}</td>
              <td>{{item.police_station}}</td>
              <td>{{item.update_time}}</td>
              <td>{{item.create_time}}</td>
            </tr>
        </smartTable>    
    </div>
  </div>
</template>
<script>
import Meun from '../../components/menu.vue'
import smartTable from '../../components/smartTable.vue'
export default {
  components: {
    Meun,
    smartTable
  },
  data () {
    return {
      tableData: {
        'colTitle': ['安全厂商', '场所名称', '场所编码', '场所地址','场所经度','场所纬度','场所性质','场所类型','设备总数','设备在线数','是否认证','法人名称','法人证件类型','法人证件号码','法人联系方式','营业开始时间','营业结束时间','场所接入方式',' ','ADSL账号或ip地址','场所hash值','出口IP','所属派出所编码','更新时间','创建时间'],
        'method': 'GET',
        'url': '/static/json/place.json',
        'query': { 'a': 1 }
      },
      Data: []
    }
  },
  methods: {
    receiveData (data) {
      this.Data = data
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.place_list{
    width:95%;
    margin-left:5%;
    background:white;
    padding-right:2%;
}
.footer{
  font-size:20px;
  margin-top:20px;
  margin-left:5%;
}
</style>

